// webpack的开发模式下的打包配置
const webpackProd = require("./webpack.prod.js");

module.exports = {
    ...webpackProd,

    mode: 'development', // 开发模式
    // 调试
    // cheap-module-source-map 开发使用，报错信息精确到行
    devtool: 'cheap-module-source-map',
    // 开发服务器配置,不依赖于 dist目录。他是在浏览器内存中打包运行的。
    devServer: {
        // 主机名
        host: 'localhost',
        // 端口号：
        port: 3000,
        // 当有404的时候，跳转到 index.html
        historyApiFallback: true,
        // 自动代开浏览器
        open: true,
    }
}
